Clickable visual prototypes of the Toko web app. The style guide is the source of truth for everything below — browse the screens by area beneath it.
The component reference and design tokens every mockup is built from — colours, type, cards, buttons, and the list/pagination bar.
A collector's wallet: the tokens they own, ICP/token balances, and recent activity — plus transfer, burn, and splitting or stacking copies.
OpenThe buyer's view of a token in a drop — artwork, story, price and the Claim button, including "releasing soon" countdowns and sold-out states.
OpenA user's public profile page.
OpenThe marketing home page that introduces Toko to new visitors.
OpenWhere live and upcoming drops are discovered and claimed.
OpenThe app's overall navigation patterns and menu states.
OpenExplorations of the top navigation bar.
OpenA rotating hero banner for featured content.
OpenThe creator's home dashboard across their projects.
OpenThe list of a creator's projects.
OpenA single project's overview and settings.
OpenInviting teammates and managing who can do what.
OpenThe people or wallets that receive a share of revenue.
OpenAllow-lists that grant specific people early or gated access.
OpenWhere a project's images and files are stored and managed.
OpenReusable revenue splits (fees + royalties) a creator applies to drops.
OpenThe list of collections inside a project.
OpenA single collection's hub and management pages.
OpenThe traits and properties tokens can have.
OpenHow rare each token is, and the coloured rarity tiers.
OpenHow many of each token exist and how that's capped.
OpenPermission and safety controls on a collection.
OpenDefault cost and rules for claiming tokens from this collection.
OpenEditing token definitions while they're still a work in progress.
OpenReviewing tokens before they go live.
OpenFinal, locked tokens that are ready to mint.
OpenAdding new tokens to a collection.
OpenManaging the actual minted copies a creator holds — move to a vendor, transfer, stack or burn.
Open